<template>
  <el-tag :color="color" style="width: 60px">
    <template #default>
      <span style="color: white">{{ content }}</span>
    </template>
  </el-tag>
</template>

<script setup lang="ts">
import { InsurMPayOrderStatusArray } from '@/api/interface/insurMPay'
const props = defineProps({
  orderStatus: {
    type: String,
    required: true,
  },
})

/** 支付订单状态内容 */
const content = computed(() => InsurMPayOrderStatusArray.find(item => item.status === props.orderStatus)?.content)

/** 支付订单状态颜色 */
const color = computed(() => InsurMPayOrderStatusArray.find(item => item.status === props.orderStatus)?.color)
</script>

<style lang="scss"></style>
